<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:q="http://huliqing.name/qfaces"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	template="/example/_template.xhtml">
	<ui:define name="title">help组件</ui:define>
	<ui:define name="header">help组件示例</ui:define>
	<ui:define name="content">
		<h:form>
		<h:panelGrid columns="3" border="1" width="100%"  style="height:60px">
			<h:panelGroup>
				<h:outputText value="用户名：" />
				<h:inputText value="" />
				<q:helper
					listener="#{helperBean.loadMessage}"
					drag="true"
					labelHeader="Help Message" 
					helpId="abcddd"
					/>
			</h:panelGroup>
		</h:panelGrid>
		<h:commandButton value="Test" />
		</h:form>
	</ui:define>
	
	<ui:define name="description" >
		用于显示帮助信息的小组件。
	</ui:define>
	<ui:define name="htmlCode" >
		<h:outputText value="#{helperBean.htmlCode}" />
	</ui:define>
	<ui:define name="javaCode" >
		<h:outputText value="#{helperBean.javaCode}" />
	</ui:define>
</ui:composition>